<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    <!--1.文本标签-->
    普通
    <b>加粗bold</b>
    <i>斜体italic</i>
    <u>下划线underline</u>
    <s>删除线</s>
    <mark>高亮</mark>

    <!--2.空格折叠现象：连续的多个空格或换行会折叠成一个空格-->
    <!--2.1 换行标签：br-->
    <br>
    <!--2.2 转义符号：用于再html中显示特殊字符 &nbsp; 空格-->
    我是&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内容<br>
    我是&lt;魏大帅&gt;，我喜欢赵丽颖<br>

    <!--3.标题标签，改变字号，文字加粗，独占一行，有垂直方向的间距-->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>
    <h7>标题7</h7><!--7级标题不存在，写错也没有报错，只是渲染不出来效果-->

    <!--4.段落标签：p 没有额外文字效果，独占一行，有垂直方向间距-->
    <p>段落1</p>
    <p>段落2</p>
    <p>段落3</p>
    <p>段落4</p>

    <!--5.假文：lorem然后tab-->
    <p>lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi aspernatur at consequatur dicta doloremque earum eius eligendi esse fuga harum hic illum incidunt inventore ipsam ipsum laborum libero molestias nihil, nobis nostrum obcaecati optio pariatur placeat provident quae quidem qu</p>

    <!--6.水平分割线-->
    <hr>

    <!--7.有序列表：ol ordered list-->
    <ol type="1">
        <!--列表项 list item-->
        <li> ordered list item 1</li>
        <li> ordered list item 2</li>
        <li> ordered list item 3</li>
    </ol>

    <!--8.无序列表：ul unordered list-->
    <ul type="none">
        <li> unordered list item 1</li>
        <li> unordered list item 2</li>
        <li> unordered list item 3</li>
    </ul>
</body>
</html>